<!DOCTYPE html>
<html>
<head>
  {include file='common@base/meta'}
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

  <style>
    .js-captcha {
      width: 100%;
    }

    .z {
      height: calc(100vh / 3);
    }

    .page {
      background-image: url('/static/images/bg.jpg');
      background-repeat: no-repeat;
      background-size: auto;
    }

    .body {
      /*background-color: rgba(56, 59, 72, 0.9);*/
      position: absolute;
      padding: 0;
      border-radius: 30px;
      width: 500px;
      right: 159px;
      top: 332px;
    }

    .line1 {
      /*background-color: rgba(56, 59, 72, 0.9);*/
      font-family: "宋体";
      font-size: 20px;
      font-weight: bolder;
      height: 48px;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 15px;
      text-align: right;
      color: #7c7c7c;
      background-color: rgb(35, 35, 47);
      border-radius: 15px 15px 0 0;

    }

    .line2 {
      background-color: rgba(56, 59, 72, 0.9);
      margin-bottom: 0;
      padding-top: 15px;
      height: 258px;
      color: #ffffff;
      padding-bottom: 79px;
    }

    .line3 {
      margin-top: 0;
    }

    .sub-title {
      font-family: "黑体";
      font-size: 24px;
      font-weight: bolder;
      color: #ffffff;
      padding-left: 70px;
      margin-bottom: 30px;
    }

    .form-group {
      margin-bottom: 0;
      padding-left: 71px;
      padding-right: 65px;
    }

    .form-control {
      background-color: rgba(56, 59, 72, 0.1);
      border: none;
      color: #ffffff;
      border-bottom: 1px solid gray;
      height: 40px;
      background-repeat: no-repeat;
      background-size: 36px;
      background-position: top left;
      padding-left: 50px;
      margin-bottom: 30px;
    }

    .form-user {

      background-image: url('/static/images/user.png');
      background-size: 32px 32px;
    }

    .form-password {
      background-image: url('/static/images/password.png');
      background-size: 32px 32px;
    }

    .btn {
      width: 100%;
      height: 50px;
      font-family: "黑体";
      font-size: 26px;
      font-weight: bolder;
      border-radius: 0 0 15px 15px;
    }
  </style>
</head>
<body class="hold-transition page">

<div class="body">
  <div class="line1">
    <p class="msg main-title">扬州大学化学化工学院</p>
  </div>
  <form class="form" action="{:url('base/login/index')}" method="post">

    <div class="line2">
      <p class="msg sub-title">
        <img src="/static/images/head.png" alt="" style="width:50px;margin-right: 11px;">实验室安全学习与考试系统</p>
      <div class="form-group has-feedback">
        <input type="text" name="form[username]" class="form-control form-user" autocomplete="off"
               placeholder="请输入一卡通">
      </div>
      <div class="form-group has-feedback">
        <input type="password" name="form[password]" class="form-control form-password" autocomplete="off"
               placeholder="请输入密码">
      </div>
    </div>
    <div class="line3">
      <button type="submit" class="btn btn-primary js-ajax-submit">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
    </div>
  </form>
</div>
</body>
{include file='common@base/footer-js'}
<script>
  require(["layer_config", "ajaxForm"], function () {

  });
</script>
</body>
</html>
